<template>
	<view>
		<!-- 滑块模块 -->
		<swiper next-margin="20rpx" :display-multiple-items="1" :circular="true" :indicator-dots="true" :autoplay="true"
			:interval="3000" :duration="1000">
			<swiper-item>
				<view class="swiper-item">
					<image class="img1" :src="img1" mode=""></image>
				</view>
			</swiper-item>
		
			<swiper-item>
				<view class="swiper-item">
					<image class="img1" :src="img2" mode=""></image>
				</view>
			</swiper-item>
		
			<swiper-item>
				<view class="swiper-item">
					<image class="img1" :src="img3" mode=""></image>
				</view>
			</swiper-item>
		</swiper>
		
		<!-- 分类导航模块 -->
		<view class="navbox">
			<view class="navbar">
				<navigator url="../daohang/bizhi">
					<text class="navbox_title">壁纸</text>
				</navigator>
			</view>
			<view class="navbar">
				<navigator url="../daohang/touxiang">
					<text class="navbox_title">头像</text>
				</navigator>
			</view>
			<view class="navbar">
				<navigator url="../daohang/biaoqingbao">
					<text class="navbox_title">表情包</text>
				</navigator>
			</view>
		</view>
		
		
		<!-- 壁纸展示 -->
		
		
	</view>
</template>

<script setup>
	let img1="https://ms.bdimg.com/pacific/0/pic/-2054732796_1218410381.jpg?x=0&y=0&vh=340.00&vw=510.00&oh=340.00&ow=510.00&w=146&h=91&rs=0"
	let img2="https://feed-image.baidu.com/0/pic/1015833066_727692163_-302248568.jpg?x=0&y=0&vh=220.00&vw=330.00&oh=220.00&ow=330.00&w=146&h=91&rs=0"
	let img3="https://ms.bdimg.com/pacific/0/pic/839931601_955591618.png?x=0&y=0&vh=266.00&vw=399.00&oh=266.00&ow=399.00&w=146&h=91&rs=0"
	
	
	
	
	
	
	
</script>

<style>
	.swiper-item {
		width: 750rpx;
		height: 500rpx;
	}
	
	.img1 {
		width: 750rpx;
		height: 350rpx;
	}
	
	.navbox {
		width: 750rpx;
		height: 100rpx;
		padding: 20rpx 0;
		background-color: rgb(241, 229, 195);
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.navbar {
		width: 120rpx;
		height: 70rpx;
		background-color: pink;
		margin: 5rpx 5rpx 5rpx 5rpx;
		text-align: center;
	}
</style>
